<!DOCTYPE html>
<html lang="en">
<head>
@include('v1.common.meta')
<!-- Load Swiper CSS -->
    <link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/Swiper/3.4.1/css/swiper.min.css">
    <!-- Load Current Page CSS -->
    <link rel="stylesheet" href="{{elixir('css/login.css')}}">
</head>

<body>
<!-- 整体页面显示区 -->
<div class="largeHeader" id="large-header">
    <!-- 3D翻转登录框显示区 -->
    <div class="swiper-container swiper-container-horizontal swiper-container-3d swiper-container-flip show">
        <div class="swiper-wrapper">
            <!-- 登录表单显示区(默认显示) -->
            <div class="loginBox swiper-slide swiper-no-swiping swiper-slide-active">
                <!-- 猫头鹰动画 -->
                <div class="imgBox">
                    <i class="eye leftEye"></i>
                    <i class="eye rightEye"></i>
                    <img src="{{elixir('images/mty.png')}}"/>
                </div>
                <h3>电力设备远程运营维护系统v1.0</h3>
                <!-- 登录表单 -->
                <form class="layui-form" name="loginForm" action="login" method="post">
                    {{ csrf_field() }}
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="text" name="code" placeholder="请输入账号" value="{{ old('code') }}"
                                   required lay-verify="required|staffcode" maxlength="64" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="password" name="password" placeholder="请输入密码"
                                   required lay-verify="required" maxlength="64" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    {{--<div class="layui-form-item">--}}
                        {{--<div class="layui-input-block">--}}
                            {{--<input type="text" name="captcha" placeholder="请输入验证码"--}}
                                   {{--required lay-verify="required" maxlength="4" autocomplete="off" class="layui-input">--}}
                            {{--<img class="getLVcode" src="{{ captcha_src('flat') }}" width="70px" height="34px"/>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    <div class="layui-form-item loginBtnBox">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-submit>登 录</button>
                        </div>
                    </div>
                    <a href="javascript:;" class="forgetPwd" onclick="gotoForgetPwd();">忘记密码？</a>
                </form>
            </div>
            <!-- 忘记密码表单显示区 -->
            <div class="loginBox swiper-slide swiper-no-swiping">
                <!-- 忘记密码表单 -->
                <form class="layui-form" name="findForm" action="javascript:;" method="POST">
                    {{ csrf_field() }}
                    <blockquote class="layui-elem-quote">
                        注意：重置密码申请成功后，将由管理员审核通过并成功激活后，方能使用。
                    </blockquote>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="text" name="code" placeholder="请输入账号"
                                   required lay-verify="required|staffcode" maxlength="64" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="password" name="newpwd" id="newpwd" placeholder="请输入新密码"
                                   required lay-verify="required" maxlength="64" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="password" name="newpwd_confirmation" placeholder="请重复输入新密码"
                                   required lay-verify="required|samepwd" maxlength="64" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item loginBtnBox">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-filter="forget" lay-submit>确 定</button>
                        </div>
                    </div>
                    <a href="javascript:;" class="forgetPwd" onclick="gotoLogin();">已有密码，去登录</a>
                </form>
            </div>
        </div>

    </div>
    <!-- 背景动画 -->
    <canvas id="demo-canvas"></canvas>
</div>

@include('v1.common.js')
<!-- Load Swiper JS -->
<script src="//cdn.bootcss.com/Swiper/3.4.1/js/swiper.min.js"></script>
<!-- Load Background Animate JS -->
<script src="{{elixir('js/TweenLite.min.js')}}"></script>
<script src="{{elixir('js/EasePack.min.js')}}"></script>
<script src="{{elixir('js/rAF.min.js')}}"></script>
<script src="{{elixir('js/canvasAnimate.js')}}"></script>
<!-- Load Custom JS -->
<script src="{{elixir('js/login.js')}}"></script>
<!-- 表单验证错误提示 -->
@include('v1.common.formError')
</body>
</html>